<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Profile of Administrator</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>

        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />



    </head>

    <body>
        <div id="wrap">
            <div id="topbar">
                <ul>    
                    <li><a href="account?page=home">Home</a></li>
                    <li class="current"><a href="#">Profile</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="account?page=logout">Log Out</a></li>
                    <li><a href="#">Help &amp; Support</a></li>
                </ul>
            </div>
            <div id="header">
                <div id="sitename">
                    <h1 id="logo">O-nick</h1>
                </div>
                <div id="shoutout"><img src="images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
            </div>
            <div id="content">

                <div id="topcategorieslink" class="clear">
                    <h2>PROFILE</h2>
                    <ul>
                        <li><a href="#"></a> </li>

                        <li><a href="account?page=list">Promotor List</a></li>
                        <li><a href="account?page=edit&&username=${user.username}">Edit</a></li>

                    </ul>
                </div>
                <div class="clear">&nbsp;</div>

                <div id="main">
                    <h1>Halo  <td>${user.nama}</td></h1>
                    <div id="moredetails">
                        <div id="listing_details">
                            <table cellspacing="0" cellpadding="0">
                                <td width="105"><h3>Profile</h3></td>
                                <td width="418">&nbsp;</td>
                                <tr>
                                    <td>Name</td>
                                    <td>${uname.nama}</td>
                                </tr>
                                <tr>
                                    <td>Address</td>
                                    <td>${uname.alamat}</td>
                                </tr>
                                <tr>
                                    <td>Phone</td>
                                    <td>${uname.telepon}</td>
                                </tr>
                                <tr>
                                    <td>Email</td>
                                    <td>${uname.email}</td>
                                </tr>
                                <tr>
                                    <td>Username</td>
                                    <td>${uname.username}</td>
                                </tr>
                                <tr>
                                    <td><h3>&nbsp;</h3></td>
                                    <td><p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                        <p>&nbsp;</p>
                                </tr>
                            </table>

                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                        </div>
                        <div class="clear"></div>

                    </div>
                </div>
                

                <div class="clear">&nbsp;</div>
            </div>
            
        </div>
    </body>
</html>
